<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/common :: commonHead('Oren Video Templat')"></head>
<body>

<div class="wrapper">

	<!-- header start-->
	<header th:include="/common/header"></header>
	<!-- header end-->
	<!-- menu start-->
	<header th:include="/common/left"></header>
	<!-- menu end-->

	<section class="mn-sec">
		<div class="container">
			<div class="row">
				<div class="col-lg-9">
					<div class="mn-vid-sc single_video">
						<div class="vid-1">
							<div class="vid-pr">
								<video
								    id="my-video"
								    class="video-js"
								    controls
								    preload="auto"
								    width="640"
								    height="264"
								    poster="/static/images/resources/poster-img.jpg"
								    data-setup="{}"
								  >
								    <source src="demo_video.mp4" type="video/mp4" />
								    <source src="demo_video.webm" type="video/webm" />
								</video>
							</div><!--vid-pr end-->
							<div class="vid-info">
								<h3>Kingdom Come: Deliverance Funny Moments and Fails Compilation</h3>
								<div class="info-pr">
									<span>60,723,169 views</span>
									<ul class="pr_links">
										<li>
											<button data-toggle="tooltip" data-placement="top" title="I like this">
												<i class="icon-thumbs_up_fill"></i>
											</button>
											<span>388K</span>
										</li>
										<li>
											<button data-toggle="tooltip" data-placement="top" title="I dislike this">
												<i class="icon-thumbs_down_fill"></i>
											</button>
											<span>28K</span>
										</li>
									</ul>
									<div class="clearfix"></div>
								</div><!--info-pr end-->
							</div><!--vid-info end-->
						</div><!--vid-1 end-->
						<div class="abt-mk">
							<div class="info-pr-sec">
								<div class="vcp_inf cr">
									<div class="vc_hd">
										<img src="/static/images/resources/th5.png" alt="">
									</div>
									<div class="vc_info pr">
										<h4><a href="#" title="">ScereBro</a></h4>
										<span>Published on Oct 22, 2017</span>
									</div>
								</div><!--vcp_inf end-->							
								<ul class="chan_cantrz">
									<li>
										<a href="#" title="" class="donate">Donate</a>
									</li>
									<li>
										<a href="#" title="" class="subscribe">Subscribe <strong>13M</strong></a>
									</li>
								</ul><!--chan_cantrz end-->
								<ul class="df-list">
									<li>
										<button data-toggle="tooltip" data-placement="top" title="Add to playlist">
											<i class="icon-add_to_playlist"></i>
										</button>
									</li>
									<li>
										<button data-toggle="tooltip" data-placement="top" title="Favorite">
											<i class="icon-like"></i>
										</button>
									</li>
									<li>
										<button data-toggle="tooltip" data-placement="top" title="Watch Later">
											<i class="icon-watch_later"></i>
										</button>
									</li>
									<li>
										<button data-toggle="tooltip" data-placement="top" title="Share">
											<i class="icon-share"></i>
										</button>
									</li>
									<li>
										<button data-toggle="tooltip" data-placement="top" title="Report Video">
											<i class="icon-flag"></i>
										</button>
									</li>
								</ul><!--df-list end-->
								<div class="clearfix"></div>
							</div>
							<div class="clearfix"></div>
							<div class="about-ch-sec">
								<div class="abt-rw">
									<h4>Cast:</h4>
									<ul>
										<li><span>Nathan Drake</span></li>
										<li><span>Victor Sullivan </span></li>
										<li><span>Sam Drake </span></li>
										<li><span>Elena Fisher</span></li>
									</ul>
								</div>
								<div class="abt-rw">
									<h4>Category : </h4>
									<ul>
										<li><span>Gaming</span></li>
										<li><span>PS4 Exclusive  </span></li>
										<li><span>Gameplay  </span></li>
										<li><span>1080p</span></li>
									</ul>
								</div>
								<div class="abt-rw">
									<h4>About : </h4>
									<p> Three years after the events of Uncharted 3: Drake's Deception, Nathan Drake, now retired as a fortune hunter, has settled into a normal life with his wife Elena Fisher. His world is then turned upside down when his older brother Sam, long believed to be dead, suddenly reappears seeking Drake's help. </p>
								</div>
								<div class="abt-rw tgs">
									<h4>Tags : </h4>
									<ul>
										<li><a href="#" title="">#Kingdom</a></li>
										<li><a href="#" title="">#ImStillHereBecause </a></li>
										<li><a href="#" title="">#denim</a></li>
										<li><a href="#" title="">#tshirt</a></li>
									</ul>
								</div>
							</div><!--about-ch-sec end-->
						</div><!--abt-mk end-->
						<div class="cmt-bx">
							<ul class="cmt-pr">
								<li><span>18,386</span> Comments</li>
								<li>
									<span><i class="icon-sort_by"></i><a href="#" title="">Sort By</a></span>
								</li>
							</ul>
							<div class="clearfix"></div>
							<div class="clearfix"></div>
							<div class="vcp_inf pc">
								<div class="vc_hd">
									<img src="/static/images/resources/th1.png" alt="">
								</div>
								<form>
									<input type="text" placeholder="Add a public comment">
									<button type="submit">Comment</button>
								</form>
								<div class="clearfix"></div>
								<div class="rt-cmt">
									<a href="#" title="">
										<i class="icon-cancel"></i>
									</a>
									<div class="clearfix"></div>
								</div><!--vcp_inf end-->
							</div><!--cmt-bx end-->
							<ul class="cmn-lst">
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th2.png" alt="">
										</div>
										<div class="coments">
											<div class="pinned-comment">
												<span><i class="icon-pinned"></i>Pinned by ScereBro</span>
											</div>
											<h2>ScereBro <small class="posted_dt"> . 18 hours ago</small></h2>
											<p>Where does Thor: Ragnarok rank amongst the other Thor movies? Amongst the rest of the MCU? Let us know in the comments below and tell us which other movies you'd like to see us make Honest.</p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>680</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>21</span>
												</li>
											</ul>
											<a href="#" title="">View all 164 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th3.png" alt="">
										</div>
										<div class="coments">
											<h2>Doge <small class="posted_dt"> . 2 hours ago</small></h2>
											<p>Depressive Alcoholics are my favorite superheroes </p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>61</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>3</span>
												</li>
											</ul>
											<a href="#" title="">View all 26 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th4.png" alt="">
										</div>
										<div class="coments">
											<h2>Juan Lacanaria <small class="posted_dt"> . 12 hours ago</small></h2>
											<p>Can you please say "winner winner , chicken dinner" </p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>22</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span></span>
												</li>
											</ul>
											<a href="#" title="">View all 9 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th5.png" alt="">
										</div>
										<div class="coments">
											<h2>Comander Lucky <small class="posted_dt"> . 2 weeks ago</small></h2>
											<p>It looked like electro shuffle was most synced</p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>37</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>3</span>
												</li>
											</ul>
											<a href="#" title="">View all 12 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th1.png" alt="">
										</div>
										<div class="coments">
											<h2>Menji <small class="posted_dt"> . 1 week ago</small></h2>
											<p>The floss, fresh, flapper, ride the pony were all in sync if you ask me plus if they used the original music they would be copyrighted. Plus the original music made it worst for these dances. </p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>147</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>8</span>
												</li>
											</ul>
											<a href="#" title="">View all 7 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th3.png" alt="">
										</div>
										<div class="coments">
											<h2>Storax Storm <small class="posted_dt"> . 11 hours ago</small></h2>
											<p>Well Epic Games would have gotten Copyrighted if they used the original music but yea I see you</p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>71</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>28</span>
												</li>
											</ul>
											<a href="#" title="">View all 21 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th2.png" alt="">
										</div>
										<div class="coments">
											<h2>Nick Jacobs <small class="posted_dt"> . 6 hours ago</small></h2>
											<p>Electro shuffle best dance hands down </p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>42</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span></span>
												</li>
											</ul>
											<a href="#" title="">View all 32 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
								<li>
									<div class="vcp_inf">
										<div class="vc_hd">
											<img src="/static/images/resources/th4.png" alt="">
										</div>
										<div class="coments">
											<h2>Jumpman30  <small class="posted_dt"> . 2 hours ago</small></h2>
											<p>bruh okay the original fresh music is the best hands down, it looks classy. the music they put on the fresh in fort nite  makes it worse </p>
											<ul class="cmn-i">
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_up"></i>
													</a>
													<span>48</span>
												</li>
												<li>
													<a href="#" title="">
														<i class="icon-thumbs_down"></i>
													</a>
													<span>2</span>
												</li>
											</ul>
											<a href="#" title="">View all 3 replies</a>
										</div><!--coments end-->
									</div><!--vcp_inf end-->
								</li>
							</ul><!--comment list end-->
						</div>
					</div><!--mn-vid-sc end--->
				</div><!---col-lg-9 end-->
				<div class="col-lg-3">
					<div class="sidebar">
						<div class="vidz-prt">
							<h2 class="sm-vidz">Similar Videos</h2>
							<h3 class="aut-vid">
								<span>Autoplay </span>
								<label class="switch">
									<input type="checkbox">
								  	<b class="slider round"></b>
								</label> 
							</h3>
							<div class="clearfix"></div>
						</div><!--vidz-prt end-->
						<div class="videoo-list-ab">
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide1.png" alt="">
										<span class="vid-time">10:21</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">Kingdom Come: Deliverance Funny Moments and Fails</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide2.png" alt="">
										<span class="vid-time">13:49</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">DR DISRESPECT - Before They Were Famous - Twitch Streamer</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide3.png" alt="">
										<span class="vid-time">2:54</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">Top Perectly Timed Twitch Moments 2017 #7</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="ad-rw">
								<img src="/static/images/resources/ad-img.jpg" alt="">
							</div>
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide4.png" alt="">
										<span class="vid-time">5:25</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">Top 5 Amazing Bridge Block ever in PUBG</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide5.png" alt="">
										<span class="vid-time">4:01</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">Trailer Park Boys Season 12 - Official Trailer</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide6.png" alt="">
										<span class="vid-time">6:20</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">A day in the life of a Google software engineer</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide7.png" alt="">
										<span class="vid-time">8:16</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">Avengers: Infinity War - Gym Workout</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
							<div class="videoo">
								<div class="vid_thumbainl">
									<a href="single_video_page.html" title="">
										<img src="/static/images/resources/vide8.png" alt="">
										<span class="vid-time">29:32</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div><!--vid_thumbnail end-->
								<div class="video_info">
									<h3><a href="#" title="">How the Universe Works - The Milky Way Galaxy - Space</a></h3>
									<h4><a href="#" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>
									<span>686K views .<small class="posted_dt">1 week ago</small></span>
								</div>
							</div><!--videoo end-->
						</div><!--videoo-list-ab end-->
					</div><!--side-bar end-->
				</div>
			</div>
		</div>
	</section><!--mn-sec end-->

	<section class="more_items_sec text-center">
		<div class="container">

		</div>
	</section><!--more_items_sec end-->

</div><!--wrapper end-->

<header th:include="/common/footer"></header>
</body>
</html>